// # 轮播图下的第二个列表

import React, { Component } from 'react';
import { ListTwo } from './uiStyle'

class List2 extends Component {
  render() {
    return (
      <ListTwo>
        <ul className="middle-container">
          <li>
            <p>今日优惠</p>
            <span>EQT 5折好价</span>
            <p>
              <img
                src="http://shihuo.hupucdn.com/appHome/201807/1811/1d039f64648d5e33025c747ec6420060.jpg?imageView2/2/w/120/h/120/interlace/1"
                alt=""
              />
            </p>
          </li>

          <li>
            <p>限时团购</p>
            <span>春节不打烊</span>
            <p>
              <img
                src="http://shihuo.hupucdn.com/appHome/201802/0716/5d0eea37252cd190ba0975b3e5e1f49e.png?imageView2/2/w/120/h/120/interlace/1"
                alt=""
              />
            </p>
          </li>


          <li>
            <p>免费抽奖</p>
            <span>识货抽奖 天天免费</span>
            <p>
              <img
                src="http://shihuo.hupucdn.com/kupload2018/2019715/15631798110000.jpeg?imageView2/2/w/120/h/120/interlace/1"
                alt=""
              />
            </p>
          </li>

        </ul>
      </ListTwo>
    );
  }
}

export default List2;
